/* 通用样式 */
*{
    margin: 0px;
    padding: 0px;
}
.cleardfix{
    *zoom:1;
}
.cleardfix::after{
    display: table;
    content: "";
    clear: both;
}
body{
    width:100%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}

/* classify商品分类页样式 */
.content{
    background: #fafafa;
}
.classify_cnt{
    position: relative;
}
/* 分类左样式 */
.classify_cnt_left{
    width:25%;
    text-align: center;   
}
.classify_cnt_left li{
    padding:.2rem 0;
}
.current{background: #fff; color: #ff5777;}

.classify_cnt_left a{
    color: #000;
    font-size:.8rem;
}

/* 分类右样式 */
.classify_cnt_right{
    width:75%;
    position: absolute;
    top:0;
    right: 0;
    display: none;
}
.classify_cnt_right dl{ 
    width: 100%; 
    overflow: hidden;
    padding-top:5%;
    /* padding-left:8%; */
    background: #fff;    
    border-bottom: 10px solid #fafafa;
}
.classify_cnt_right dt{
    font-size: .9em; 
    font-weight: bold;
    color: #222; 
    padding-left:2%; 
    margin-top: -.5rem;
    line-height: 1.5rem;
    height: 1.5rem;
    vertical-align:middle;
    padding-bottom: -24rem;
    border-bottom:1px solid #fafafa;
}
.classify_cnt_right dt span{
    margin-top:-2rem;
}
.classify_cnt_right dt img{
    width:1.2rem;
    margin:0 auto;
    margin-bottom:.16rem;
    vertical-align:middle;
    padding-right: .2rem;
}
.classify_cnt_right dd{ 
    width:25%; 
    float: left; 
    margin-top:.6rem;
}
.classify_cnt_right a{ 
    width: 100%; 
    display: block;    
}
 .classify_cnt_right dd img{ 
    width:80%;
    height:80%;
    margin-left: -.3rem;
} 
.classify_cnt_right  p{ 
    text-align: center; 
    color: #000; 
    font-size: .8em;
    margin-top: -.4rem;
}


/* classify_child页样式 */
/* 顶部切换样式 */
.page,.page-group{
    background:#efefef;
  }
 .content-block{
  width:100%;
  height:90%;
 }
 .buttons-tab{
   position:fixed;
   top:2rem;
   width:100%;
   background:white;
   z-index:2;
 }
 .buttons-tab{
    position:fixed;
    top:2rem;
    width:100%;
    background:white;
    z-index:2;
  }  
.pos{
  position:fixed;
  z-index:5;
}
.f{
  height:90%;
}
.price{
    background: url(../image/down2.png) no-repeat 85% 79%, url(../image/up1.png) no-repeat 85% 44% ;
    
}
/* 页面样式切换 */
.tab1_all{
    margin-top:2rem;
}
.details{
    display: inline-block;
    position: relative;
    box-shadow: 0px 0px 8px #ccc;
    margin-left:4%; 
    margin-bottom: 4%; 
    border-radius:6px;  
    background :white;
    width:44%;
}
.details .image{
    margin-bottom: 2%;
    border-bottom: 1px solid #f2f2f2; 
    width:100%;
    text-align: center;
}
.details img{
    width: 70%;
    margin:5% auto;
}
.details p{
    overflow: hidden;/*内容超出后隐藏*/
    text-overflow: ellipsis;/* 超出内容显示为省略号*/
    white-space: nowrap;/*文本不进行换行*/
    margin:0 2%;
    margin-bottom: 2%;

}
.details p:nth-of-type(1){
    font-size: .7rem;
    font-weight: bold;
}
.details p:nth-of-type(2){
    font-size:.5rem;
    color:#999;
}
.details p:nth-of-type(3){
    font-size: .5rem;
    display: inline-block;
    color:#db394f;
}
.details p:nth-of-type(4){
    font-size: .5rem;
}
/* 筛选内容（右弹框） */
.choose_more{
    /* width: 97%; */
    position: fixed;
    right:0%;
    /* top:44px; */
    background: #fff;
    z-index: 100;
}
.choose_more>h4{
    color: #555;
    font-size: .7rem;
    font-weight: normal;
    padding-left:.3rem;
}
.chooseCnt{
    width:96%;
    margin:0 auto;
}
.chooseCnt h4{
    color: #555;
    font-size: .7rem;
    font-weight: normal;
}
.priceChoose,.pinpai,.zhonglei,.baozhuang,.chandi,.danwei{
    margin-bottom:.1rem;
}
.input1,.priceChoose input,.pinpai input,.zhonglei input,.baozhuang input,.chandi input,.danwei input{
    background: #f7f7f8;
    border: none;
    text-align: center;   
    height:1.2rem;
    line-height: 1.2rem;
    border-radius: .3rem;
    margin:.4rem .4rem;
    font-size: .5rem;        
}
.input1{
    width: 38%;
    margin-left: .6rem;
}
.priceChoose>input,.pinpai input,.zhonglei input,.baozhuang input,.chandi input,.danwei input{
    width:25%;
}
.anniu{
    background: black;
    width: 100%;
    position: fixed;
    bottom: 0px;
    height: 1.5rem;
}
.anniu input[type=submit]{
    background:#fbcfce;
    color: #fa4e48;
    width:50%;
    border: none;
    height: 1.5rem;
}
.anniu input[type=button]{
    background: #fc605a;
    width:50%;
    border: none;
    height: 1.5rem;
    color: #fff;
}



/* 商品详情页面样式 */
/* 同类样式 */
.tab1_top,.buyer_pingjia,.tuijian_all{
    background:#fff;
}
.dianping,.shangping_xiangqing,.tuijian{
    margin:.2rem 0;
    font-size: .6rem;
    color: #555;
    text-align: center;
    width:100%;
    background-size: 3%;
}

/* 导航样式 */
.detail_icon1{
    margin-top:.55rem;
    margin-left:2%;
    /* margin-right:8%; */
    /* padding-right: 2%; */ 
    border-color:none;
}
#lone a:nth-of-type(n+1)~a:nth-of-type(-n+5){
    font-size: .7rem;
    width:12.5%;
    /* border: 1px solid red; */
    border-color: none;
    margin-right: 2%;
    margin-left:4%;
    padding-right:4%;
    text-align: center;
}
/* .detail_cart{
    font-size:1rem;
    color:#999;
    height: 2rem;
    padding-left: 1.2rem;
    line-height: 2rem;
} */
/* .detail_collection{
   vertical-align:middle;
    padding-top:1%;
    margin-left:5%;
    height: 2rem;
    line-height:2rem;
} */

/* 商品样式 */
.pic_nav{
    width:100%;
    margin-top:2rem;
}
.pic_nav img{
    width:100%;
}
.goods_jieshao p:nth-of-type(n+1)~p:nth-of-type(-n+4){
    padding:0 .3rem;
}
.goods_jieshao p:nth-of-type(1){
    font-size: .75rem; 
    padding: 0 .4rem;
}
.goods_jieshao p:nth-of-type(2){
    font-size: .9rem;
    font-weight: bold;
    margin-top: -.4rem;
    color: #ff5777;
}
.goods_jieshao p:nth-of-type(3){
    font-size: .6rem;
    /* color:#999; */
    margin-top: -.7rem;
    height:1.4rem;
    line-height:1.4rem;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: .3rem;
}
.youhui{
    margin-left: .7rem;
}
.youhui{
    margin-top:-.6rem;
}
.youhui span{
    font-size: .5rem;
    display:inline-block;
    padding-left: .8rem;
    padding-right: .8rem;
    height: 1.5rem;
    line-height: 1.5rem;
}
.youhui span:nth-of-type(1){
    background: url("../image/gou.png") no-repeat left center ;
    background-size:15%;    
}
.youhui span:nth-of-type(2){
    background: url("../image/gou.png") no-repeat left center ;
    background-size:12%;   
}
.youhui span:nth-of-type(3){
    background: url("../image/gou.png") no-repeat left center ;
    background-size:15%;   
}
.size a,.canshu a,.pingjia_all a{
    font-size: .6rem;
    color:#999;
    height: 1.5rem;
    line-height: 1.5rem;
    margin-right:.2rem;
}
.size,.canshu{
    font-size: .6rem;
    background: #fff;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: .7rem;
    margin-top:.3rem;
}
.size span{
    padding-right:.9rem;
}

/* 评价样式 */
.pingjia{
    width:100%;
}
.dianping{
    background: url("../image/pinglun.png" ) no-repeat 42% center;
}
.pingjia_all{
    background: #fff;
    padding-left: .7rem;    
    padding-bottom: .2rem;
}
.pingjia_all span,.xiangqing_all span{
    font-size: .6rem;
}
/* 用户评价样式 */
.buyer_pingjia span{
    background: url("../image/touxiang.png") no-repeat 20% center;
    padding-left: 2rem;
    background-size: 20%;
    font-size: .7rem;
    color: #ccc;
}
.buyer_pingjia{
    padding-bottom:.15rem;
}
.buyer_pingjia p{
    font-size: .6rem;
    margin-left: .8rem;
}

/* 详情样式 */
.xiangqing{
    text-align: center;
    width: 100%;
    
}
.shangping_xiangqing{
    background: url("../image/xiangqing.png" ) no-repeat 42% center;
}
.xiangqing_all img{
    width:100%;
    display: block;
    /* margin-left: 5%; */
    text-align: center;
    /* padding: 0 10%; */
    /* background: #fff; */
}

/* 推荐样式 */
.tuijian{
    padding-bottom: 1.5rem;
    width: 100%;
}
.foods_tuijian{
    background: url("../image/tuijian.png" ) no-repeat 42% center;
}
.tuijian_all .details{
    text-align: center;
    margin-left: 0;
    margin-top:.5rem;
}

/* 加入购物车等 */
.xuanxiang{
    /* background: #000; */
    width:100%;
    position: fixed;
    bottom: 0px;
    display:block;
}
.gouwuche,.goumai,.shoucang{
    width:40%;
    text-align: center;
    /* border: 1px solid red; */
    background: #fc605a;
    padding: .45rem .6rem;
    color:#fff;
    font-size: .7rem;
}
.shoucang{
    font-size: .5rem;
    width:25%;
    color:#999;
    height:1.95rem;
    line-height:1.95rem;
    background:#fff url("../image/zan.png") no-repeat 50% 6%;
}
.shoucang span{
    margin-top:10%;
}
.col{
    font-size: .5rem;
    width:25%;
    height:1.95rem;
    line-height:1.95rem;
    color: #fc605a;
    background:#fff url("../image/dianzan-h.png") no-repeat 50% 3%;
}
.gouwuche{
    background:#fbcfce;
    color: #fa4e48;
}
.goumai{
    width: 35%;
    padding:.45rem .7rem;
}

/* 加入购物车效果样式 */
.cover,.cover_right{
    width:100%;
    height:100%;
    position:fixed;
    top:0px;
    display: none;
    background:black;
    /* opacity:0; */
    z-index:90;
  }
  .choose,.different,.liji,.liji1{
    background:white;
    position:fixed;
    bottom:0px;
    width:100%;
    z-index:200;
    /* display: block; */
  }
  .choose .choose2,.liji1 .choose2{
  width:96%;
  margin:0 auto;
  padding-top:1%;
  }

  .different,.liji,.liji1{
    height:68%;
    position:fixed;
    bottom:-70%;
  }
  .cover_top img{
    width:25%;
    /* border:1px solid red; */
  }
  close{
    /* display:block; */
    background: url(../image/quxiao.png) no-repeat center center;
    background-size:100%;
    width:10%;
    height:10%;
    /* border:1px solid #f2f2f2; */
  }
  .cover_top .description{
    margin-left:2%;
    line-height:50%;
  }
  .cover_top .description p:nth-of-type(1){
    font-size:.8rem;
    font-weight:700;
  }
  .cover_top .description p:nth-of-type(2),.cover_top .description p:nth-of-type(3){
    font-size:.7rem;
    /* font-weight:700; */
  }
  .choose .choose2 ul h3,.liji .choose2 ul h3,.buy_num h3{
    font-size:.5rem;
    font-weight:400;
    color:#999;
    height:2%;
    margin-bottom:5%;
  }
  .choose .choose2 ul, .liji .choose2 ul{
    border-top:1px solid #f2f2f2;
    margin:2% 0;
    padding:2% 0;
  }
  .choose .choose2 ul li,.liji .choose2 ul li{
    font-size:.5rem;
    display:inline-block;
    border:1px solid #ccc;
    height:1.2rem;
    line-height:1.2rem;
    width:20%;
    text-align:center;
  }
  .buy_num div input{
    width:12%;
    border:1px solid #f2f2f2;
    background:white;
  }
  .buy_num div input:nth-of-type(1),.buy_num div input:nth-of-type(3){
   background:#fafafa;
  }
  .buy_num div input:nth-of-type(2){
  text-align:center;
  border:1px solid #ccc;
  }
  .choose>input[type=submit],.liji>input[type=button]{
    width:100%;
    position:absolute;
    bottom:0px;
    background:#fc605a;
    color:white;
    margin-top:20%;
    height:2.2rem;
    line-height:2.2rem;
    border:none;
    font-size:.8rem;
  }
  .buy_num{
    border-top:1px solid #f2f2f2;
    padding-top:2%;
    margin-bottom:50%;
  }





/* 帮助中心页面样式 */
/* 帮助中心顶部样式 */
.help{
    text-align: left;
    padding-left: 2rem;
}
/* 跨境直邮说明样式 */
.help_mid{
    border-bottom: 1px solid #f2f2f2;    
}
.help_mid a{
    margin-left: 12%;
    display:inline-block;
    height: 2.8rem;
    line-height: 2.8rem;
    font-size:.7rem;
}
/*帮助中心问题样式 */
 .help_cnt{    
    margin-left: 12%;
}
.help_cnt li{
    width: 90%;
    padding-bottom: 3%;
    border-bottom: 1px solid #f2f2f2;
}
.help_cnt dt{
    padding-top: 3%;
    color:#000;    
    cursor: pointer;
    font-size: .7rem;
}
.help_cnt dd{
    padding-top:2%;
    color:#555;
    display: none;
    cursor: pointer;
    font-size: .7rem;
    /* text-align: justify; */
} 

/* 说明页面样式 */
.explain{
    text-align: left;
    padding-left: 2rem;
}

.explain_all{
    background: #fafafa;
}
.explain_all_top{
    padding-top:.8rem;
}
.explain_all_top h3{
    font-size:.9rem;
    text-align: center;
}
.explain_all_top p{
    font-size: .7rem;
    padding: 0 .6rem;
    line-height: 1rem;
}
.explain_all_top p:nth-of-type(2){
    padding-bottom: .6rem;
    border-bottom: 1px dashed #ccc;
}
.explain_all_mid p{
    font-size: .8rem;
    padding: 0 .5rem;
    margin-top:.8rem;
}
.method1 h4,.method2 h4,.method3 h4{
    margin-left: 2rem;
}
.method1 p,.method2 p,.method3 p,.explain_all_bot p{
    margin-top: -.1rem;
    border:1px dashed #ccc;
    font-size: .75rem;
    text-align: justify;
    line-height: 1.2rem;
    border-radius: 8px;
    width:90%;
    margin-left:5%;
    padding:.5rem 1.2rem;
}

.explain_all_bot h4{
    margin-left: 2rem;
}
.explain_all_bot p{
    border:none;

}